<template>
	<div>
		<ProfileBinding />
		<p class="text-t-1 text-center pt-5 pb-[22px]">
			{{ $t('wallet.descPhone') }}
			<span @click="onClickBank" class="text-primary cursor-pointer">
				{{ $t('wallet.bankAccount') }}
			</span>
		</p>
		<p @click="onClickLater" class="text-primary cursor-pointer text-center pb-[136px]">
			{{ $t('wallet.later') }}
		</p>
	</div>
</template>

<script lang="ts" setup>
import ProfileBinding from '@/components/profile/binding/index.vue'

const emit = defineEmits(['select', 'close'])

const onClickBank = () => {
	emit('select', 'bank')
}

const onClickLater = () => {
	emit('select', 'entrance')
}
</script>
